<template>
<!-- 彩票记录10条 -->
<div id="record">
	<ul class="mui-table-view" v-if="recordData">
		<li class="mui-table-view-cell">
			<span>期号</span>
			<span>开奖时间</span>
			<span>开奖号码</span>
		</li>
	    <li v-for="item in recordData" class="mui-table-view-cell">
			<span>{{item.lottery.issue}}</span>
			<span>{{item.lottery.shortTime}}</span>
			<span>{{item.lottery.one}},{{item.lottery.two}},{{item.lottery.three}},{{item.lottery.four}},{{item.lottery.five}}<span v-if="item.lottery.six">,{{item.lottery.six}},{{item.lottery.seven}},{{item.lottery.eight}},{{item.lottery.nine}},{{item.lottery.ten}}</span>
			</span>
		</li>
	</ul>
</div>
</template>

<script>
import {findAllLottery} from "@/api/begin"
export default {
  name: 'record',
  data(){
	  return{
		recordData:null
	  }
  },
  mounted(){
	mui.showLoading("等待中..", "div");
	let cpName = this.$route.name.toUpperCase();
	findAllLottery(cpName).then(res=>{	//幸运飞艇彩票数据
		mui.hideLoading()
		this.recordData = res
	})
  },
}
</script>

<style scoped>
.mui-table-view-cell{
	display: flex;
	justify-content: space-between;
	font-size: 15px;
}
</style>
